/*!
 * Component: components/index/index
 * License: MIT
 * Created: 2019-08-14 17:53
 */

@use "sass:math";
@import '../../var';
@import '../../common.wxss';
.mb20 {
    margin-bottom: 20rpx;
}

.fontWeight {
    font-weight: bold;
}

.border-b {
    border-bottom: 1rpx solid $border-color;
}

.back-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: $zindex-poptip + 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(#000, 0.2);
    transition: all math.div($transition-time, 2);
    &.hide {
        opacity: 0 !important;
        visibility: hidden;
    }
    .effect-icon-wrap {
        width: 100%;
        background-color: $bgcolor-gray;
        border-radius: 24rpx 24rpx 0 0;
        overflow: hidden;
        .content {
            font-size: 32rpx;
            line-height: 44rpx;
            .sheet {
                padding: 28rpx;
                background: #fff;
                display: flex;
                flex-direction: column;
                align-items: center;
                .title {
                    font-size: 32rpx;
                    color: $title-color;
                }
                .desc {
                    text-align: center;
                    margin-top: 12rpx;
                    font-size: 26rpx;
                    line-height: 30rpx;
                    color: $info-color;
                    padding-left: 40rpx;
                    padding-right: 40rpx;
                }
            }
        }
    }
}